<%--
  Created by IntelliJ IDEA.
  User: wsuo
  Date: 2020/6/15 0015
  Time: 10:00
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<nav class="uk-navbar uk-navbar-attached uk-margin-bottom">
    <div class="uk-container uk-container-center">
        <a href="#" class="uk-navbar-brand"><fmt:message key="menu.blog"/></a>
        <%-- 左侧导航栏目 --%>
        <ul class="uk-navbar-nav">
            <li>
                <a href="../home.jsp">
                    <i class="uk-icon-home"></i>
                    <fmt:message key="menu.home"/>
                </a>
            </li>
            <li>
                <a href="../blog/edit.jsp">
                    <i class="uk-icon-book"></i>
                    <fmt:message key="menu.edit"/>
                </a>
            </li>
            <li>
                <a href="../message/message.jsp">
                    <i class="uk-icon-align-left"></i>
                    <fmt:message key="menu.message"/>
                </a>
            </li>
            <li>
                <a href="../message/write.jsp">
                    <i class="uk-icon-edit"></i>
                    <fmt:message key="menu.write"/>
                </a>
            </li>
            <li>
                <a href="../picture/picture.jsp">
                    <i class="uk-icon-file"></i>
                    <fmt:message key="menu.picture"/>
                </a>
            </li>
            <li>
                <a href="../picture/upload.jsp">
                    <i class="uk-icon-arrow-up"></i>
                    <fmt:message key="menu.upload"/>
                </a>
            </li>
        </ul>
        <%-- 右侧登陆选项 --%>
        <div class="uk-navbar-flip">
            <ul class="uk-navbar-nav">
                <li class="uk-parent" data-uk-dropdown>
                    <a href="#">
                        <i class="uk-icon-user"></i> ${ user.getUsername() }
                    </a>
                    <div class="uk-dropdown uk-dropdown-navbar">
                        <ul class="uk-nav uk-nav-navbar">
                            <li>
                                <a href="../user/modify.jsp">
                                    <i class="uk-icon-cog"></i>
                                    <fmt:message key="menu.modify_information"/>
                                </a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li>
                    <a href="../user/logout.do">
                        <i class="uk-icon-sign-in"></i>
                        <fmt:message key="menu.logout"/>
                    </a>
                </li>
            </ul>
        </div>
    </div>
</nav>
